Data URI schemeを用いた即席メモ帳

URLにこれを入れると即HTML実行できる

code:txt

data:text/html, <html contenteditable>

タブ単位の超即席メモ帳として使える

フォントサイズもでかくしておくと読みやすい

code:txt

data:text/html, <html contenteditable style="font-size:40px">

何回も開くとchrome君が覚えてurlバーにdataって打つだけで候補に出してくれる

原理としては、data URIの仕様とhtmlのcontenteditable属性を使ったもの

ダークモード

code:memo-dark-mode(html)

data:text/html, <!DOCTYPE html><html contenteditable><head><title>即席メモ帳（ダークモード）</title><meta charset="utf-8"><style>body { font-size: 20px; color: white; background-color: %23333; }</style></head><body></body></html>

画像をクリップボード代わりに貼り付けて貯めておくのにも使える

https://gyazo.com/72c7cde432697f617aab108901628f4b

クリップボードに戻したい時は右クリックして画像をコピーする

以下の行動をすると消えるので注意

戻るボタンでページ移動

ページ再読み込み

ブラウザを閉じる